﻿<!--polymer 库，不可删，路径使用模板给的polymer即可-->
<link rel="import" href="../../framework/polymer/polymer.html">

<!--引用card.js中定义的卡片id(格式: card-[appId]-[卡片序号] )-->
<dom-module id="card-000000000000-100">

	<!-- 引用的css文件必须放在dom-module标签内-->
	<!--示例 卡片需要引用的自定义css文件， rel="import" type="css"-->
	<link href="resources/css/weather.css" rel="import" type="css">
	<link href="../../framework/public/css/widgetPublicCss.css" rel="import" type="css">

	<!--template标签必须使用，不可删除。但标签下的div内容可根据需要自行修改和替换。-->
	<template>
		<div class="amp-wf-frame style-scope amp-w-frame">

			<div class="widget-header amp-wf-head" data-place-type$="{{widgetPlaceType}}">
				<img src="resources/img/thumbnail.png"/>
				<div class="amp-wf-head-title">{{card_title}}</div>
				<div style="clear:both;"></div>
			</div>
			<div class="weather amp-wf-body">
				<div class="pull-left weather-temperature">{{temperature}}</div>
				<div class="pull-left weather-detail">
					<div class="weather-block">
						<span>{{low}}</span>
						&nbsp;/&nbsp;
						<span>{{high}}</span>
					</div>
					<div class="weather-block">
						<span>{{city}}</span>
						&nbsp;&nbsp;
						<span>{{weather}}</span>
					</div>
					<div class="weather-block">
						<span>{{aqi}}</span>
					</div>
				</div>
				<div class="pull-right weather-image">
					<img src="{{image}}" />
				</div>
			</div>

		</div>

	</template>

</dom-module>

<!--卡片展现和初始化js-->
<script src="resources/js/card.js"></script>